<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body>

<div class="wrapper wrapper-content animated fadeInLeft">
    <div>
        <div class="row">
            <div class="pt10">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>填写基本信息</h5>
                        </div>
                        <form id="saveCreateLiveFrom">
                            <div class="ibox-content clearfix pt10">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 直播间名称</label>
                                        <div class="col-sm-8">
                                            <input class="validate-data form-control" type="text" name="name"  />
                                            <span class="help-block m-b-none c-999"> 直播课标题字数最大40个字符</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 直播间描述</label>
                                        <div class="col-sm-8">
                                            <textarea  name="desc" class="form-control"></textarea>
                                            <span class="help-block m-b-none c-999">直播间描述，最大字10000</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 直播时间</label>
                                        <div class="col-sm-8">
                                            <input  id="liveStartTime" name="start_time" class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss"/> _
                                            <input  id="liveEndTime" name="end_time" class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD hh:mm:ss"/>
                                            <span class="help-block m-b-none c-999">  直播开始时间和结束时间</span>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i> 最大支持人数</label>
                                        <div class="col-sm-8 radio i-checks">
                                            <!--<input class="validate-data form-control" value="0" type="number" name="max_users"/>-->
                                            <label>
                                                <input type="radio" value="1" name="max_users"><i></i> 1v1
                                            </label>
                                            <label>
                                                <input type="radio" value="6" name="max_users"><i></i> 1v2-6
                                            </label>
                                            <label>
                                                <input type="radio" value="12" name="max_users"><i></i> 1v7-12
                                            </label>
                                            <label>
                                                <input type="radio" value="15" name="max_users"><i></i> 1v13-15
                                            </label>
                                            <!--<span class="help-block m-b-none c-999">根据实际上课人数填写数字,最大在线人数支持1个老师V15个学生</span>-->
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right"><i class="c-red">*</i>直播间模板类型</label>
                                        <div class="col-sm-8 radio i-checks">
                                            <!--<select class="form-control" name="templatetype" id="templatetype">
                                                <option selected value="1">讲课模式</option>
                                                <option value="2">主视角模式</option>
                                                <option value="4">平铺模式</option>
                                            </select>-->
                                            <div class="row">
                                                <div class="course-box col-sm-4">
                                                    <label>
                                                        <input type="radio" value="1" name="templatetype"><i></i> 讲课模式
                                                    </label>
                                                    <section class="thumbnail ad-course-item__wrap mt10">
                                                        <img class="ad-course-item-pic lazy" width="100%" height="" style="max-width:100%" th:src="@{{path}/admin/v3/img/material/small-template1.jpg?v={v}(path=${staticPath},v=${v})}">
                                                        <div class="text-center mt10">
                                                            <span class="c-222 fs12">讲课模式</span>
                                                        </div>
                                                    </section>
                                                </div>
                                                <div class="course-box col-sm-4">
                                                    <label>
                                                        <input type="radio" value="2" name="templatetype"><i></i> 主视角模式
                                                    </label>
                                                    <section class="thumbnail ad-course-item__wrap mt10">
                                                        <img class="ad-course-item-pic lazy" width="100%" height="" style="max-width:100%" th:src="@{{path}/admin/v3/img/material/small-template2.jpg?v={v}(path=${staticPath},v=${v})}">
                                                        <div class="text-center mt10">
                                                            <span class="c-222 fs12">主视角模式</span>
                                                        </div>
                                                    </section>
                                                </div>
                                                <div class="course-box col-sm-4">
                                                    <label>
                                                        <input type="radio" value="4" name="templatetype"><i></i> 平铺模式
                                                    </label>
                                                    <section class="thumbnail ad-course-item__wrap mt10">
                                                        <img class="ad-course-item-pic lazy" width="100%" height="" style="max-width:100%" th:src="@{{path}/admin/v3/img/material/small-template3.jpg?v={v}(path=${staticPath},v=${v})}">
                                                        <div class="text-center mt10">
                                                            <span class="c-222 fs12">平铺模式</span>
                                                        </div>
                                                    </section>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">是否开启自动录制</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="manuallyrecordmode"  type="checkbox" class="onoffswitch-checkbox" id="manuallyrecordmode">
                                                        <label class="onoffswitch-label" for="manuallyrecordmode">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=表示开启自动录制(录制为云端录制需要额外收费，详情请联系客服商务咨询)</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">是否开启助教</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="assist_switch"  type="checkbox" class="onoffswitch-checkbox" id="assist_switch">
                                                        <label class="onoffswitch-label" for="assist_switch">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=是否开启助教</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="hr-line-dashed"></div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label text-right">是否免密验证</label>
                                        <div class="col-sm-6">
                                            <div style="margin-top: 5px">
                                                <div class="switch">
                                                    <div class="onoffswitch">
                                                        <input name="talkerAuthtype"  type="checkbox" class="onoffswitch-checkbox" id="talkerAuthtype">
                                                        <label class="onoffswitch-label" for="talkerAuthtype">
                                                            <span class="onoffswitch-inner"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                    <span>
                                                <small class="fs12 c-999">说明：ON=表示开启免密验证(仅限学员端)</small>
                                            </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/libs/plugins/layer/laydate/laydate.js?v={v}(path=${staticPath},v=${v})}"></script>
<script>

    $(function () {
    $("body").on("click","#openService",function(){
            icModale(2, "系统检测到您未开通小班课直播服务，为了不影响您的使用，是否去开通？", 3, function () {
                setTimeout(function () {
            parent.layer.closeAll();
                },1000)
                getRedirectMenu('/admin/course/serviceConfig',false)

            });

        return;
        });
    })
    initLayerDate("#liveStartTime",true);
    initLayerDate("#liveEndTime",true);
</script>
</body>
</html>
